/* ------------------

Project: Piramal;

Author: Harsh Mehta;

------------------- */



.hcbanner .contentleft , .investbanner .contentleft{/*width: 30%;margin-top: 18%;margin-bottom: 20%;*/}



/* Healthcare*/

.bannertop.hcbanner  {/*background-image:url(../images/health-banner.jpg);*/ }

.healthimg{width: 50%;float: left;margin:0 45px 15px 0;}

.healthcontent{/*font-size: 17px;display: inline-block;*/}

.healthcontent h2{font-size:30px; color:#FA4616;margin: 0 0 15px;}

.solgrid{/*margin-top: 50px;*/}

.solitem {margin-top: 25px;border-bottom: 1px solid #99999a;height: 535px;position: relative;    padding-bottom: 20px;}

.solitem img{width: 100%;}

.solitem h4{color:#FA4616;margin-top: 15px;}

.solitem p{font-size: 14px;color: #686868;}

.solitem a.readMore{background:#99999a;font-size: 12px;float: right;color: #fff;padding:2px 5px;position: absolute;bottom: 0;right: 0;}

.solitem a:hover{background:#FA4616;}





/* Investor Shareholder*/

.bannertop.investbanner { /*background-image:url(../images/investor.jpg);*/}

.livestock{background:#233746;padding:25px 20px;line-height: 1;margin-bottom: 25px;}

.livestock h3{color: #fff;margin-top: 0;display: inline-block;}

.livestock .stocktab{padding-left: 0;list-style: none;display: inline-block;float: right;}

.livestock .stocktab:after{content: '';clear: both;}

.livestock .stocktab li{display: inline-block;padding:0 5px;}

.livestock .stocktab li:first-child{border-right:2px solid #fff;padding-right: 8px;}

.livestock .stocktab li a{color: #436177;font-size: 24px;}

.livestock .stocktab li.active a{color: #FA4616;}

.livestock .note{color: #90aec4;font-size: 12px;margin-top: 20px;}

.tabdata{display: none;}

.tabdata.active{display: block;}

.tabdata .price{color: #fff;font-size: 36px;font-weight: 300;margin-top: 15px;letter-spacing: 1px;margin-bottom: 5px;}

.tabdata .status{color: #fff;font-size: 20px;font-weight: 300;margin-top: 0;}

.tabdata .status .pup{color: #3eb726;position: relative;top:5px;margin-left: 10px;}

.tabdata .status .pdown{color: #FA4616;position: relative;top:5px;margin-left: 10px;}

.tabdata .divider{width: 70px;height: 1px;background:#fff;display: block;margin:20px 0;}

.tabdata .highlow{color: #90aec4;font-size: 19px;margin-top: 15px;font-weight: 300;}

.qlinks{background: #f0f0f0;margin-bottom: 30px;}

.qlinks h3{background: #728390;border-bottom: 2px solid #a6a6a6;padding: 15px 30px;color: #fff;margin-bottom: 0;}

.qlinks ul{padding:30px;list-style: none;}

.qlinks ul li{padding-left: 47px;background:url(../images/pdf-small-1.png) no-repeat 0 0;min-height: 43px;margin-bottom: 20px;}

.qlinks ul li:last-child{margin-bottom: 0;}

.qlinks ul li a{color: #263846;font-size: 14px;}

.submail h4{font-size: 18px;color: #FA4616;margin-bottom: 5px;}

.submail p{font-size: 14px;color: #686868;margin:0;border-bottom: 1px solid #ebebeb;padding-bottom: 5px;}

.submail ul{list-style: none;padding-left: 0;}

.submail ul li{border-bottom: 1px solid #ebebeb;padding:20px 0 10px 0;}

.submail ul li a{color: #686868;font-size: 18px;}

.sharetabs{padding-left: 0;list-style: none;border-bottom: 1px solid #d3d3d3;}

.sharetabs li{display: inline-block;vertical-align: top;padding: 25px 0 10px 0;margin-right: 4%;}

.sharetabs li:last-child{margin-right: 0px;}

.sharetabs li a{color: #545f63;font-size: 16px;}

.sharetabs li.active{border-bottom: 2px solid #FA4616;}

.sharetabs li.active a{color: #FA4616;}

.leftpanel .note{font-size: 14px;color: #686868;}

.refine{background:#e6e4e4;padding:15px 25px;margin: 15px 0;}

.refine .title{font-size: 16px;color: #7b7b7b;}

.filterico{width: 13px;height: 14px;background: url(../images/filter-1.png) no-repeat;display: inline-block;margin-right: 5px;}

.yrsearch{width: 200px;border:0;outline: none;padding: 10px 12px;}

.yrsearch:focus{outline: none;}

.downlist{list-style: none;padding-left: 0;}

.downlist li{padding: 20px 0 20px 0px;border-bottom: 1px solid #dedede;}

.downlist li a{color: #233746;font-size: 16px;}

.downlist li p{ margin-top:4px;}

.downlist .download{width: 19px;height: 29px;background:url(../images/download-1.png) no-repeat; display:inline-block; margin-right: 10px;}

.interactive { margin-top: 5px;width: 21px; height: 23px; background: url(../images/interactive-1.png) no-repeat;  display:inline-block;margin-right: 10px;}

.downlist .icn2wrap{     padding-right: 75px; position:relative;}

.icn2 { position: absolute; right: 0; top: 0; width:65px; height: 50px;}

.icn2 .download{ 	 float:right }

.shlist li{padding: 20px 0 20px 0px;}

.shlist li p{font-size: 14px;margin-bottom:5px;font-weight: 700;}

.shlist li span{display: inline-block;font-size: 13px;margin-right: 5px;font-weight: 400;text-decoration: underline;}

.shlist li a{display: inline-block; font-size: 12px;}



/* Investor Financial Reports */

.frtabs li a{font-size: 18px;}

.qtabs li{       margin-right: 15%;}

 

.qtabs li.active{border-bottom: 5px solid #FA4616;}

.qtabs li a{color: #5c6c78;font-size:18px;font-weight:700; padding:10px 0;}

.qtabs li.active a{color: #5c6c78; }

.qtabsdata{display: none;}

.qtabsdata.active{display: block;}

.frsrch{margin-top: 20px;}

.frtable{margin-top: 25px;}

.frtableh{color: #686868;font-size: 16px;padding:15px;border-bottom: 1px solid #dedede;margin-bottom: 0;}

.tcol{border-right: 1px solid #dedede;padding: 0;}

.tcol:last-child{border:0;}

.frlist{padding-left: 15px;list-style: none;}

.frlist li{/*padding: 25px 50px;background: url(../images/pdf-small-1.png) no-repeat 0 25px;*/margin: 30px 0;}

.frlist li:last-child{padding-bottom: 5px;}

.frlist li a{}

.frlist li a span{font-size: 12px;display: block;color: #FA4616;text-decoration: underline;}

.frlist .pdfdownload .media-body p{ color:#000;    margin: 0; font-size:16px}

.frlist .pdfdownload .media-body small{  font-size: 13px}



/* Investor Event Calendar */

.evcal{padding-bottom: 25px;margin-bottom: 45px;}

.evcal .yrsearch{width: 100%;}

.refinesrch{border:0;outline: none;background:#FA4616;color: #fff;font-size: 14px;width: 100%;padding:10px 15px;}

.dateitem{margin-bottom: 25px; padding-bottom: 40px;}

.datetitle{background:#263846;border-top:3px solid #FA4616;padding: 15px;position: relative;}

/*.datetitle:after{content: '';width: 0; height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #263846;position: absolute;left: calc(50% - 10px);bottom:-15px;}*/

.evdate{float: left;font-size: 14px;color: #fff;width: 50%;border-right: 1px solid #658298;}

.evdate span.day{font-size: 16px;width: 50px;height: 62px;background: url(../images/cal-1.png) no-repeat;float: left;text-align: center;padding-top: 16px; background-size: 96%;}

.evdate p{float: left;padding:5px 6px;line-height: 1.30;margin-bottom: 0;}

.evdate p .yr{display: block;}

.evname{float: right;width: 50%;}

.evname p{font-size: 13px;color: #fff;margin-bottom: 0;  padding-left: 30px;}

.datedata{color: #263846;font-size: 16px;padding:30px 25px 10px;}

.actbtns{float: right;padding:0 25px 10px; }

.actbtns a{margin-left:10px;}

.addtocal{width: 26px;height: 26px;background: url(../images/addcal-1.png) no-repeat;display: inline-block;}

.shareev{width: 26px;height: 26px;background: url(../images/share-1.png) no-repeat;display: inline-block;}



/* Brand Piramal */

.secone .blogo{margin-top: 0;margin-bottom: 25px; color:#FA4616}

.secone p , .sectwo p , .purpose p{margin-bottom: 10px;font-size: 16px;color: #263746;}

.sectwo p{margin-top: 60px;}

.sectwo .piralogo{width: 75%;margin:25px auto;}

.sectwo .piralogo img{width:70%;}

.ourvalues{background:#263746;margin-top: 50px;}

.ourvalues h2{color:#FA4616;padding: 15px 0;}

.vdial{text-align: center;width: 740px;margin:60px auto 0;position: relative;}

.vdial img.bdial{width: 100%;}

.valuename{position:absolute;width: 120px;height:120px;border-radius: 50%;background:transparent;color: #b4b5b5;cursor: pointer;

transform: rotateY(0deg);}

.valuename p{/*padding:45% 0; */    line-height: 114px;letter-spacing: 1px;font-size: 16px;}

.valone{bottom:110px;left: 0;}

.valtwo{ bottom: 72%;left: 164px;}

.valthree{    bottom: 75%;  right: 26%;}

.valfour{bottom:110px;right:  -5px;}





.valcontent:nth-child(1) { }

.valtwo { }

.valthree { }

.valfour { }

.valcontent{     bottom: 10px;}

.valcontent{display: none;}

.valcontent.active{display: block;}

.valtitle{font-size: 30px;font-weight: 700;color: #FA4616;}

.valtxt{font-size: 13px;color: #b7b7b7;margin:10px 0;}

.valtxt span{color: #fff;}

.valuename img{display: none;}

/*.valuename.active{background: #FA4616;border:6px solid #FA4616;text-align: center;}*/

.valuename.active p{}

.valuename.active img{display: block;  width: 100%;}

.purpose h2{font-size: 30px; color: #FA4616;margin:30px 0 30px;}

.purpose h3{font-size: 22px; color: #263746;margin:30px 0 20px;font-weight: 700;}



.tenlist{margin: 20px 0px 0;}

.tenets{min-height: 236px;position: relative;overflow:hidden;}

.tenone{background: url(../images/tenone-1.jpg) no-repeat; background-size:350px 259px;}

.tentwo{background: url(../images/tentwo-1.jpg) no-repeat; background-size:350px 259px;}

.tenthree{background: url(../images/tenthree-1.jpg) no-repeat; background-size:350px 259px;}

.tendata{background: rgba(252,69,19,0);position: absolute;bottom: -110px;left:0;padding: 15px 0 0 15px;     width: 100%;

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

    height: 80%;}

.tendata .tentitle{font-size:18px;color: #fff;margin-bottom: 10px;    font-weight: 600;}

.tendata .tencontent{font-size:14px;color: #fff;margin-top: 5px;margin-bottom: 15px;}

.tencontent{ display:none; }

.tenets:hover .tencontent{ display:block}

.tendata .tencontent a{ color:#fff; }

.tenets:hover .tendata{bottom: 0;background: rgba(252,69,19,0.80);}

.valimg , .valarrow , .mobtenets{display: none;}



#f1_container {/*perspective: 1000;*/ }



#f1_card {width: 100%; height: 100%; 

transition: all 0.9s linear;

-webkit-transition: all 0.9s linear;

-moz-transition: all 0.9s linear;

-ms-transition: all 0.9s linear;   }



#f1_container.active #f1_card {

transform: rotateX(180deg);

-webkit-transform:rotateX(180deg);

-moz-transform:rotateX(180deg);

-ms-transform:rotateX(180deg);

}



.face {position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 100%; border: 4px solid #b4b5b5; background: #263746; }



.face.back {display: none; 

transform: rotateX(180deg);

-webkit-transform: rotateX(180deg);

-moz-transform: rotateX(180deg); 

-ms-transform: rotateX(180deg); 

box-sizing: border-box; padding: 5px; text-align: center; background: #253746;border:6px solid #b7b7b7;text-align: center; }

.face.back img{ display:none; }



.face p{ 

transform: rotateX(0deg);

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

}



.valuename.active .face { background: #FA4616;border:6px solid #FA4616;}



.valuename.active .face p{ 

color: white;

transform: rotateX(180deg);

-webkit-transform: rotateX(180deg);

-moz-transform: rotateX(180deg);

-ms-transform: rotateX(180deg);

}



.valuename.active .face.back {background: #FA4616;border:6px solid #FA4616;}



/* career working-with-us animation*/

.careerourvalue { position:relative}

.careerourvalue { background:#fff; margin-bottom:40px}

 

.cf1_container {

	perspective: 1000;

	position: absolute;

	width: 120px;

	height: 128px;

 

}

.cf1_card {

	width: 100%;

	height: 100%;

	transform-style: preserve-3d;

	/*-webkit-transform-style: preserve-3d;*/

	-ms-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	transform-style: preserve-3d;

 

	transition: 0.9s ease-in-out;-webkit-transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out;  -ms-transition: 0.9s ease-in-out;

	display:block;

}



.cf1_container:hover .active.cf1_card {

  transform: rotateY(180deg);  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg); 

  								

}

.cface {

  position: absolute; 

  background:#fff;

  width: 120px;

  height: 128px;

  backface-visibility: hidden;

  border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px;

  transition: 0.9s ease-in-out;-webkit-transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out;  -ms-transition: 0.9s ease-in-out;

}

.cface img{ width:120px;}

.cface.cback {

  display: block; z-index:-1;

  transform: rotateY(180deg); -webkit-transform: rotateY(180deg);  

  box-sizing: border-box;

  background: #fff;

  text-align: center;

  transition: 0.9s ease-in-out;-webkit-transition: 0.9s ease-in-out; -moz-transition: 0.9s ease-in-out;  -ms-transition: 0.9s ease-in-out;

}

.active.cf1_card .cfront  { z-index:1; background: #fff;}

.active.cf1_card .cback { z-index:2}

.cf1_card {

    border-radius: 50%;

    background: transparent;

    color: #b4b5b5;

    cursor: pointer;

    transform: rotateY(0deg);  -webkit-transform: rotateY(0deg);  

}

.onec {left: -8%; top:56%;}

.twoc {top: 8%; left: 7%;}

.threec {top: -58px; left: 42%;}

.fourc {top: 8%; right: 5%;}

.fivec {right: -8%;top: 56%;}





.careerourvalue .vdial {  min-height: 470px;}

@media (min-width: 768px){.careerourvalue .contentholder { width: 300px;top: 25%; left: 30%;} }

@media (max-width: 767px){.cf1_container{ display:none}	}

@media (max-width:1023px){.assesmentslider li p,  .assesmentslider .assesicn{ min-height:auto}.assesmentslider .assesicn img { margin-top:0px}}

@media (max-width:1023px) and (min-width:768px) {.careerourvalue .vdial { width: 600px;} .fivec ,.onec{ top: 49%;}.universitylogo { width:250px}}